<ui:fragment xmlns:ui="http://java.sun.com/jsf/facelets"
             xmlns:h="http://java.sun.com/jsf/html"
             xmlns:f="http://java.sun.com/jsf/core"
             xmlns:a4j="http://richfaces.org/a4j"
             xmlns:rich="http://richfaces.org/rich"
             xmlns="http://www.w3.org/1999/xhtml">

    <div id="menu">

        <ul>

            <li id="loginlnk" ><a  href="#" onclick="AbreLogin(this);">Login</a></li>
            <li><a href="#">Sobre</a></li>
            <li><a href="index.jsp">Home</a></li>

        </ul>
    </div>
    <form id="FormLogin" action="" method="post">
        <div id="login"  data-corner="bottom 10px">
            <table>
                <tr>
                    <td style="text-align:center; color:#FFF" colspan="3">Login</td>

                </tr>
                <tr>
                    <td width="110" style="text-align:right; color:#FFF">Usuário:</td>
                    <td width="90"><input type="text" name="txtUser" maxlength="30" style="width:120px" /></td>
                    <td style="text-align:right" rowspan="2"><input type="submit" name="Logar" value="OK" /> </td>


                </tr>
                <tr>
                    <td style="text-align:right;color:#FFF">Senha:</td>
                    <td ><input type="password" name="txtPassword" maxlength="6" style="width:120px" /></td>
                </tr>
                <tr>
                    <td colspan="2"><a href="cadastrousuario">Cadastre-se!</a></td>
                    <td><a href="login" onclick="document.forms ['FormLogin'].submit ();" >Sair</a></td>

                </tr>
            </table>
        </div>
    </form>




    <div class="logo"><a href="#"><img src="/LaCruz_v2/faces/javax.faces.resource/img/logo.jpg" alt="LaCruz" border="0" /></a> </div>
    <div id="menuCliente" class="menuPai">
        <div id="qtdPedido" style="position:absolute;right:20px;z-index: 1"></div>
        <ul>
            <li data-corner="top 20px"><a href="cadastrousuario">Cadastre-se</a></li>
        </ul>

    </div>

    <div id="menuAdm" class="menuPai" >
        <ul>
            <li data-corner="top 20px"><a href="#" onmouseover="AbreSubMenu('subCadastrar');" onmouseout="AbreSubMenu('subCadastrar',this);">Cadastrar</a></li>
            <li data-corner="top 20px"><a href="#" onmouseover="AbreSubMenu('subRelatorios');" onmouseout="AbreSubMenu('subRelatorios');">Relatorios</a></li>
            <li data-corner="top 20px"><a href="#" onmouseover="AbreSubMenu('subGerencial');" onmouseout="AbreSubMenu('subGerencial');">Gerencial</a></li>
        </ul>
    </div>
    <div id="subCadastrar" class="menuFilho"  data-corner="bottom 10px" onmouseover="AbreSubMenu('subCadastrar');" onmouseout="AbreSubMenu('subCadastrar');">
        <ul>
            <li><h:form>
                <h:commandLink action="#{produtoController.prepareCreate}" value="Produto"/>
            </h:form>
            </li>
            <li><h:form>
                <h:commandLink action="/colecao/Create" value="Colecao"/>
            </h:form></li>

        </ul>
    </div>
    <div id="subRelatorios" class="menuFilho"  data-corner="bottom 10px" onmouseover="AbreSubMenu('subRelatorios');" onmouseout="AbreSubMenu('subRelatorios');">
        <ul>
            <!--<li><a href="relCompraUsu">Clientes/Compras</a></li> -->
            <li><h:form>
                <h:commandLink action="/pedido/List" value="Clientes/Compras"/>
            </h:form></li>
            <!--<li><a href="#">Pedidos</a></li>
            <li><a href="#">Estoque</a></li>-->

        </ul>
    </div>
    <div id="subGerencial"  class="menuFilho" data-corner="bottom 10px" onmouseover="AbreSubMenu('subGerencial');" onmouseout="AbreSubMenu('subGerencial');">
        <ul>
            <!--<li><a href="gerBaixaPgto">Baixa/Pagamento</a></li> -->
            <li><h:form>
                <h:commandLink action="/itemPedido/List" value="Baixa/Pagamento"/>
            </h:form></li>
            <!--<li><a href="#">Acompanhar Pedido</a></li>-->
        </ul>
    </div>

    <div id="menuCliente" class="menuPai">

        <ul>
            <li data-corner="top 20px"><a href="pedidosUsuario">Pedidos</a></li>
            <li data-corner="top 20px"><a href="dadosUsuario">meus dados</a></li>
        </ul>
    </div>

</ui:fragment>






